{% set x = c.ctx %}
<p class="voice tone-{{ x.tone }}">“{{ x.voice }}”</p>
{% if x.running %}
<p class="hint">⏱ <b>{{ x.running.activity.icon }} {{ x.running.activity.title }}</b> since {{ x.running.started|local('%H:%M') }} —
  <span class="hab-elapsed" data-start="{{ x.running.started }}">{{ (now - x.running.started)|dur }}</span></p>
{% endif %}
{% if x.rows %}
<ul class="mini">
  {% for r in x.rows %}
  {% set a = r.activity %}
  <li><span style="--c:{{ a.color }}"><i class="hab-dot"></i>{{ a.icon }} {{ a.title }}</span>
    <small class="{{ 'ok' if r.today else '' }}">
      {%- if r.today %}✓ today{% else %}—{% endif -%}
      {%- if r.week %} · {{ r.week.n }}/{{ r.week.target }} wk{% endif -%}
      {%- if r.streak and r.streak.current %} · 🔥{{ r.streak.current }}{{ r.streak.unit }}{% endif -%}
    </small></li>
  {% endfor %}
</ul>
{% else %}
<p class="hint">No habits yet. Guitar, yoga, a walk, a stretch — anything you want to be better at.</p>
{% endif %}
<a class="btn {{ 'primary' if x.running or (x.rows and not (x.rows|selectattr('today')|list)) else '' }}" href="/habits">Habits →</a>